<!--
 * @Author: error: error: git config user.name & please set dead value or install git && error: git config user.email & please set dead value or install git & please set dead value or install git
 * @Date: 2023-04-12 17:30:24
 * @LastEditors: error: error: git config user.name & please set dead value or install git && error: git config user.email & please set dead value or install git & please set dead value or install git
 * @LastEditTime: 2023-04-13 17:43:20
 * @FilePath: \dong2\src\components\index\rightP.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
    <div class="con">
        <div class="box">
            <div class="title">东巴文检索平台</div>
            <div class="subtitle">东巴象形文字</div>
        </div>
        <p class="main">一种兼备表意和表音成分的图画象形文字,随着人们生产生活的需要而产生、发展,是大家集体智慧和共同劳动的结晶。</p>
        <el-button type="success" round><router-link :to="{name:'home'}" tag="div">立即开始 <i class="el-icon-position"></i></router-link></el-button>
    </div>
</template>

<style lang="scss" scoped>
.con{
    position: absolute;
    left: 1250px;
    top: 50%;
    transform: translate(-50%,-50%);
}
.box{
    border-left: 2px solid rgb(124, 124, 210);
    
}
.title{
    font-size: 30px;
    text-align: left;
    font-style: italic;
    font-weight: bold;
    font-family: '隶书';
    margin-bottom: 6px;
    padding-left: 10px;
}
.subtitle{
    font-size: 18px;
    text-align: left;
    font-family: '华文中宋';
    margin-bottom: 40px;
    padding-left: 10px;
}
p{
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    font-family: '楷体';
    width: 300px;
    margin-bottom: 50px;
}
</style>